<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>企汇网首页</title>
    <!-- 引入css样式表 -->
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="Qihuiwang.css">

</head>

<body>

<!--  8.10  导航栏里边 想让悬浮后 元素出现边框  先给元素加上 透明边框不然会有 bug
    如果不提前加上 透明边框 悬浮再加边框 会挤出周围元素 影响布局 -->

    <!-- 定义顶部导航栏  nav 导航 -->
    <div class="nav-top">
        <!-- 定义两个导航栏长度 以及  左右居中 -->
        <div class="contenter clear">
            <!-- 左导航栏 -->
            <div class="nav-top-left clear">
                <!-- 引入 layui 导航栏模板 -->
                <ul class="layui-nav" lay-filter="">
                    <li class="layui-nav-item"><a href=""></a><a class="layui-icon layui-icon-cellphone" href="">手机站</a>

                        <!-- 弹出信息 -->
                        <dl class="layui-nav-child">
                            <dd><img class="tell" src="images/img-1.png" alt=""> </dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item"><a href="">欢迎来到企汇网</a></li>
                    <li class="layui-nav-item"><a class="layui-icon layui-icon-username" href="QiHuiLogin.html">登录</a>
                    <li class="layui-nav-item"><a href="QiHuiRegister.html">免费注册</a></li>
                </ul>
            </div>
            <!-- 右导航栏 -->
            <div class="nav-top-right clear">
                <ul class="layui-nav" lay-filter="">
                    <li class="layui-nav-item"><a href="">企汇网首页 |</a></li>
                    <li class="layui-nav-item"><a href="">收藏夹 |</a>
                        <!-- 弹出信息 -->
                        <dl class="layui-nav-child">
                            <dd><a href="">收藏的产品</a></dd>
                            <dd><a href="">收藏的店铺</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item"><a href="">我是采购商 |</a>
                        <dl class="layui-nav-child">
                            <dd><a href="">采购商中心</a></dd>
                            <dd><a href="">发布采购单</a></dd>
                            <dd><a href="">采购管理</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item"><a href="">我是供应商 |</a>
                        <dl class="layui-nav-child">
                            <dd><a href="">供应商中心</a></dd>
                            <dd><a href="">发布产品</a></dd>
                            <dd><a href="">产品管理</a></dd>
                            <dd><a href="">店铺管理</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item"><a href="">企汇管家 |</a> </li>
                    <li class="layui-nav-item"><a href="">企汇服务 |</a>

                        <dl class="layui-nav-child">
                            <dd>
                                <a href="">
                                    <h2 id="child-H2">热门服务</h2>
                                </a>
                            </dd>
                            <div class="child-f clear">
                                <!-- 通过浮动  实现 两行显示 -->
                                <div class="child-left">
                                    <a href="">标王 </a>
                                    <a href="">热门推荐广告位 </a>
                                    <a href="">信息包 </a>
                                    <a href="">金铺装修 </a>
                                </div>
                                <div class="child-right">
                                    <a href="">黄金展位 </a>
                                    <a href="">图片空间 </a>
                                    <a href="">企汇金谱 </a>
                                    <a href="">更多服务 </a>
                                </div>
                            </div>
                        </dl>
                    </li>
                    <li class="layui-nav-item"><a href="">客服中心 |</a>
                        <dl class="layui-nav-child">
                            <dd><a href="">常见问题</a></dd>
                            <dd><a href="">在线客服</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item"><a href="">网站导航 |</a>
                        <dl class="layui-nav-child layui-nav-child-1">
                            <dd><a href="">
                                    <h2>特色服务</h2>
                                </a></dd>
                            <div class="inf clear">
                                <!-- 设置 inf-left 让div 左浮动 -->
                                <div class="inf-left">
                                    <a href="">首页</a>
                                    <a href="">企汇云信</a>
                                    <a href="">郑州站</a>
                                    <a href="">企汇软文通</a>
                                </div>
                                <div class="inf-left">
                                    <a href="">咨询</a>
                                    <a href="">天梯建站</a>
                                    <a href="">平顶山站</a>
                                    <a href="">百度爱采购</a>
                                </div>
                                <div class="inf-left">
                                    <a href="">展会</a>
                                    <a href="">企业库</a>
                                    <a href="">手机站</a>
                                    <a href="">小程序</a>
                                </div>
                                <div class="inf-left">
                                    <a href="">企汇管家</a>
                                    <a href="">产品库</a>
                                    <a href="">搜素</a>
                                    <a href="">企业直通车</a>
                                </div>
                                <hr>
                            </div>
                            <dd>
                                <a href="">
                                    <h2>采购服务</h2>
                                </a>
                            </dd>
                            <div class="inf-left">
                                <a href="">采购中心</a>
                            </div>
                            <div class="inf-left">
                                <a href="">发布采购单</a>
                            </div>
                            <hr>
                            <dd><a href="">
                                    <h2>行业市场</h2>
                                </a></dd>
                            <div class="inf-left">
                                <a href="">建材频道</a>
                            </div>
                            <div class="inf-left">
                                <a href="">机械频道</a>
                            </div>
                            <div class="inf-left">
                                <a href="">农林频道</a>
                            </div>
                        </dl>
                    </li>
                </ul>
            </div>

        </div>
    </div>

    <!-- 企汇网图片一行 -->
    <!-- 加入 contenter 类 上边定义的定宽居中类 -->
    <div class="head contenter">
        <div class="clear">
            <div class="head-left">
                <img class="img-2" src="images/img-2.png" alt="">
            </div>
            <div class="head-mid clear">
                <div class="head-mid-1">
                    <ul class="layui-nav layui-nav-tree" lay-filter="test">
                        <!--引入layui 侧边导航: <ul class="layui-nav layui-nav-tree layui-nav-side"> -->
                        <li class="layui-nav-item">
                            <a href="javascript:;">产品</a>
                            <dl class="layui-nav-child">
                                <dd><a href="javascript:;">产品</a></dd>
                                <dd><a href="javascript:;">企业</a></dd>
                                <dd><a href="javascript:;">采购</a></dd>
                            </dl>
                        </li>
                    </ul>
                </div>
                <div class="head-mid-2">
                    <input type="text" name="name"
                        placeholder="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;请输入产品名称">
                </div>
                <div class="head-mid-3">
                    <a href=""><img src="images/search.png" alt=""></a>
                </div>
            </div>
            <div class="head-mid-right">
                <a href=""><img src="images/fabu.png" alt=""></a>
            </div>
            <div class="head-right">
                <img src="images/right.png" alt="">
            </div>
        </div>
    </div>
    <!-- 中间内容上面一行 -->
    <div class="neck clear">
        <div class="neck-1 clear">
            <img src="images/fenlei.png" alt="">
            <a href="">采购中心</a>
            <a href="">爱采购</a>
            <a href="">小程序</a>
            <a href="">活动汇</a>
            <a href="">资讯</a>
            <a href="">展会</a>
            <a href="">郑州站</a>
            <a href="">平顶山站</a>
            <a href="">企汇管家</a>
            <a href="">企汇云信</a>
        </div>
    </div>

    <!-- 中间内容 -->
    <div class="content">
        <div class="bg">
            <!-- 中间全局 -->
            <div class="con">
                <!-- 左边导航栏 -->
                <div class="con-left">
                    <ul class="con-left-ul layui-nav" lay-filter="">

                        <li class="layui-nav-item"><a href="">机械/设备/模具</a>
                            <dl class="layui-nav-child clear">

                                <!-------把整个弹出信息框分为三部分 左边是信息框 右边分为上下两部分图片------------------------ -->
                                <div class="layui-nav-child-all">

                                    <!-- 左边信息框 -->
                                    <div class="layui-nav-child-left">
                                        <div class="layui-nav-child-info">
                                            <dd>
                                                <a href="">|风机.排风设&nbsp;></a>
                                                <a href="">离子风机&nbsp;|</a>
                                                <a href="">鼓风机&nbsp;|</a>
                                                <a href="">工业风扇&nbsp;|</a>
                                                <a href="">风机盘管&nbsp;|</a>
                                                <a href="">风幕机&nbsp;|</a>
                                                <a href="">离子风机&nbsp;|</a>
                                                <a href="">工业风扇&nbsp;|</a>
                                                <a href="">枫叶&nbsp;|</a>
                                                <a href="">风机盘管&nbsp;|</a>
                                            </dd>
                                            <hr>
                                            <dd>
                                                <a href="">|风机.排风设&nbsp;></a>
                                                <a href="">离子风机&nbsp;|</a>
                                                <a href="">鼓风机&nbsp;|</a>
                                                <a href="">工业风扇&nbsp;|</a>
                                                <a href="">风机盘管&nbsp;|</a>
                                                <a href="">风幕机&nbsp;|</a>
                                                <a href="">离子风机&nbsp;|</a>
                                                <a href="">工业风扇&nbsp;|</a>
                                                <a href="">枫叶&nbsp;|</a>
                                                <a href="">风机盘管&nbsp;|</a>
                                            </dd>
                                            <hr>
                                            <dd>
                                                <a href="">|风机.排风设&nbsp;></a>
                                                <a href="">离子风机&nbsp;|</a>
                                                <a href="">鼓风机&nbsp;|</a>
                                                <a href="">工业风扇&nbsp;|</a>
                                                <a href="">风机盘管&nbsp;|</a>
                                                <a href="">风幕机&nbsp;|</a>
                                                <a href="">离子风机&nbsp;|</a>
                                                <a href="">工业风扇&nbsp;|</a>
                                                <a href="">枫叶&nbsp;|</a>
                                                <a href="">风机盘管&nbsp;|</a>
                                            </dd>
                                            <hr>
                                            <dd>
                                                <a href="">|风机.排风设&nbsp;></a>
                                                <a href="">离子风机&nbsp;|</a>
                                                <a href="">鼓风机&nbsp;|</a>
                                                <a href="">工业风扇&nbsp;|</a>
                                                <a href="">风机盘管&nbsp;|</a>
                                                <a href="">风幕机&nbsp;|</a>
                                                <a href="">离子风机&nbsp;|</a>
                                                <a href="">工业风扇&nbsp;|</a>
                                                <a href="">枫叶&nbsp;|</a>
                                                <a href="">风机盘管&nbsp;|</a>
                                            </dd>
                                            <hr>
                                            <dd>
                                                <a href="">|风机.排风设&nbsp;></a>
                                                <a href="">离子风机&nbsp;|</a>
                                                <a href="">鼓风机&nbsp;|</a>
                                                <a href="">工业风扇&nbsp;|</a>
                                                <a href="">风机盘管&nbsp;|</a>
                                                <a href="">风幕机&nbsp;|</a>
                                                <a href="">离子风机&nbsp;|</a>
                                                <a href="">工业风扇&nbsp;|</a>
                                                <a href="">枫叶&nbsp;|</a>
                                                <a href="">风机盘管&nbsp;|</a>
                                            </dd>
                                            <hr>
                                            <dd>
                                                <a href="">|风机.排风设&nbsp;></a>
                                                <a href="">离子风机&nbsp;|</a>
                                                <a href="">鼓风机&nbsp;|</a>
                                                <a href="">工业风扇&nbsp;|</a>
                                                <a href="">风机盘管&nbsp;|</a>
                                                <a href="">风幕机&nbsp;|</a>
                                                <a href="">离子风机&nbsp;|</a>
                                                <a href="">工业风扇&nbsp;|</a>
                                                <a href="">枫叶&nbsp;|</a>
                                                <a href="">风机盘管&nbsp;|</a>
                                            </dd>
                                            <hr>
                                        </div>
                                    </div>
                                    <!-- 右边图片区域 -->
                                    <div class="layui-nav-child-right">
                                        <!-- 右上角图片 -->
                                        <div class="layui-nav-child-imgTop">
                                            <dd>
                                                <a href=""><img src="images/1 (2).jpg" alt=""></a>
                                                <a href=""><img src="images/1 (3).jpg" alt=""></a>
                                                <a href=""><img src="images/1 (4).jpg" alt=""></a>
                                                <a href=""><img src="images/1 (5).jpg" alt=""></a>
                                                <a href=""><img src="images/1 (6).jpg" alt=""></a>
                                                <a href=""><img src="images/1 (7).jpg" alt=""></a>
                                                <a href=""><img src="images/1 (8).jpg" alt=""></a>
                                                <a href=""><img src="images/1.jpg" alt=""></a>
                                            </dd>
                                        </div>
                                        <!-- 右下角图片 -->
                                        <div class="layui-nav-child-imgBot">
                                            <a href=""><img src="images/bgbot.jpg" alt=""></a>
                                        </div>
                                    </div>
                                </div>
                            </dl>
                        </li>
                        <li class="layui-nav-item"><a href="">农作物/花卉/禽兽</a>
                            <dl class="layui-nav-child layui-nav-child-two">
                                <dd>
                                    <a href="">|风机.排风设&nbsp;></a>
                                    <a href="">离子风机&nbsp;|</a>
                                    <a href="">鼓风机&nbsp;|</a>
                                    <a href="">工业风扇&nbsp;|</a>
                                    <a href="">风机盘管&nbsp;|</a>
                                    <a href="">风幕机&nbsp;|</a>
                                    <a href="">离子风机&nbsp;|</a>
                                    <a href="">工业风扇&nbsp;|</a>
                                    <a href="">枫叶&nbsp;|</a>
                                    <a href="">风机盘管&nbsp;|</a>
                                </dd>
                                <hr>
                                <dd>
                                    <a href="">|风机.排风设&nbsp;></a>
                                    <a href="">离子风机&nbsp;|</a>
                                    <a href="">鼓风机&nbsp;|</a>
                                    <a href="">工业风扇&nbsp;|</a>
                                    <a href="">风机盘管&nbsp;|</a>
                                    <a href="">风幕机&nbsp;|</a>
                                    <a href="">离子风机&nbsp;|</a>
                                    <a href="">工业风扇&nbsp;|</a>
                                    <a href="">枫叶&nbsp;|</a>
                                    <a href="">风机盘管&nbsp;|</a>
                                </dd>
                                <hr>
                                <dd>
                                    <a href="">|风机.排风设&nbsp;></a>
                                    <a href="">离子风机&nbsp;|</a>
                                    <a href="">鼓风机&nbsp;|</a>
                                    <a href="">工业风扇&nbsp;|</a>
                                    <a href="">风机盘管&nbsp;|</a>
                                    <a href="">风幕机&nbsp;|</a>
                                    <a href="">离子风机&nbsp;|</a>
                                    <a href="">工业风扇&nbsp;|</a>
                                    <a href="">枫叶&nbsp;|</a>
                                    <a href="">风机盘管&nbsp;|</a>
                                </dd>
                                <hr>
                                </dd>
                                <dd>
                                    <a href="">|风机.排风设&nbsp;></a>
                                    <a href="">离子风机&nbsp;|</a>
                                    <a href="">鼓风机&nbsp;|</a>
                                    <a href="">工业风扇&nbsp;|</a>
                                    <a href="">风机盘管&nbsp;|</a>
                                    <a href="">风幕机&nbsp;|</a>
                                    <a href="">离子风机&nbsp;|</a>
                                    <a href="">工业风扇&nbsp;|</a>
                                    <a href="">枫叶&nbsp;|</a>
                                    <a href="">风机盘管&nbsp;|</a>
                                </dd>
                                <hr>
                                </dd>
                                <dd>
                                    <a href="">|风机.排风设&nbsp;></a>
                                    <a href="">离子风机&nbsp;|</a>
                                    <a href="">鼓风机&nbsp;|</a>
                                    <a href="">工业风扇&nbsp;|</a>
                                    <a href="">风机盘管&nbsp;|</a>
                                    <a href="">风幕机&nbsp;|</a>
                                    <a href="">离子风机&nbsp;|</a>
                                    <a href="">工业风扇&nbsp;|</a>
                                    <a href="">枫叶&nbsp;|</a>
                                    <a href="">风机盘管&nbsp;|</a>
                                </dd>
                                <hr>
                                </dd>
                                <dd>
                                    <a href="">|风机.排风设&nbsp;></a>
                                    <a href="">离子风机&nbsp;|</a>
                                    <a href="">鼓风机&nbsp;|</a>
                                    <a href="">工业风扇&nbsp;|</a>
                                    <a href="">风机盘管&nbsp;|</a>
                                    <a href="">风幕机&nbsp;|</a>
                                    <a href="">离子风机&nbsp;|</a>
                                    <a href="">工业风扇&nbsp;|</a>
                                    <a href="">枫叶&nbsp;|</a>
                                    <a href="">风机盘管&nbsp;|</a>
                                </dd>
                                <hr>
                            </dl>
                        </li>
                        <li class="layui-nav-item"><a href="">建筑/建材/五金</a></li>
                        <li class="layui-nav-item"><a href="">能源/矿产/石油</a></li>
                        <li class="layui-nav-item"><a href="">电工/电气/配电</a></li>
                        <li class="layui-nav-item"><a href="">饰品/礼品/工艺品</a></li>
                        <li class="layui-nav-item"><a href="">汽车/保养/维修</a></li>
                        <li class="layui-nav-item"><a href="">交通运输/配件</a></li>
                        <li class="layui-nav-item"><a href="">物流/运输/货运</a></li>
                        <li class="layui-nav-item"><a href="">网站/广告/服务</a></li>
                    </ul>
                </div>
                <!-- 中间轮播图 和广告板 分为上下 -->
                <div class="con-mid">
                    <!-- 轮播图 -->
                    <div class="con-mid-lunbo">
                        <div class="layui-carousel" id="test1">
                            <div carousel-item>
                                <div><img class="lunbo-img" src="images/lunbo1.jpg" alt=""></div>
                                <div><img class="lunbo-img" src="images/lunbo2.jpg" alt=""></div>
                                <div><img class="lunbo-img" src="images/lunbo3.jpg" alt=""></div>
                                <div><img class="lunbo-img" src="images/lunbo4.jpg" alt=""></div>
                                <div><img class="lunbo-img" src="images/lunbo5.jpg" alt=""></div>
                            </div>
                        </div>
                    </div>
                    <!-- 广告栏 -->
                    <div class="con-mid-AD">
                        <div class="AD-img-1">
                            <a href="">保温材料<br>保温材料</a>
                        </div>
                        <div class="AD-img-2">
                            <a href="">保温材料<br>保温材料</a>
                        </div>
                        <div class="AD-img-3">
                            <a href="">
                                保温材料<br>保温材料
                            </a>
                        </div>
                        <div class="AD-img-4">
                            <a href="">
                                保温材料<br>保温材料
                            </a>
                        </div>
                    </div>
                </div>
                <!-- 右边 分上下两部分 -->
                <div class="con-right clear">
                    <div class="con-right-top clear">
                        <div class="con-right-top-1">
                            <img src="images/iconbee.png" alt="">
                        </div>
                        <div class="con-right-top-2">
                            <div class="con-right-top-2-1 ">
                                <a class="layui-icon layui-icon-username" href="QiHuiLogin.html">登录</a>
                            </div>
                            <div class="con-right-top-2-2">
                                <a class="layui-icon layui-icon-edit" href="QiHuiRegister.html">注册</a>
                            </div>
                        </div>
                        <div class="con-right-top-3">
                            <ul class="con-right-top-ul">
                                <li class="xuanfu-1"><a class="Abc" href="">公告</a>
                                    <div class="con-right-top-text-1">
                                        <a class="xuanfu-2" href="">[公告]关于产品服务器机柜...</a>
                                        <a class="xuanfu-2" href="">[公告]关于产品服务器机柜...</a>
                                        <a class="xuanfu-2" href="">[公告]关于产品服务器机柜...</a>
                                        <a class="xuanfu-2" href="">[公告]关于产品服务器机柜...</a>
                                    </div>
                                </li>
                                <li class="xuanfu-1"><a class="Abc" href="">规则</a>
                                    <div class="con-right-top-text-2">
                                        <a class="xuanfu-2" href="">[规则]关于产品服务器机柜...</a>
                                        <a class="xuanfu-2" href="">[规则]关于产品服务器机柜...</a>
                                        <a class="xuanfu-2" href="">[规则]关于产品服务器机柜...</a>
                                        <a class="xuanfu-2" href="">[规则]关于产品服务器机柜...</a>
                                    </div>
                                </li>
                                <li class="xuanfu-1"><a class="Abc" href="">供应商入门</a>
                                    <div class="con-right-top-text-3">
                                        <a class="xuanfu-2" href="">[规则]关于产品服务器机柜...</a>
                                        <a class="xuanfu-2" href="">[规则]关于产品服务器机柜...</a>
                                        <a class="xuanfu-2" href="">[规则]关于产品服务器机柜...</a>
                                        <a class="xuanfu-2" href="">[规则]关于产品服务器机柜...</a>
                                    </div>
                                </li>
                                <li class="xuanfu-1"><a class="Abc" href="">采购商入门</a>
                                    <div class="con-right-top-text-4">
                                        <a class="xuanfu-2" href="">[规则]关于产品服务器机柜...</a>
                                        <a class="xuanfu-2" href="">[规则]关于产品服务器机柜...</a>
                                        <a class="xuanfu-2" href="">[规则]关于产品服务器机柜...</a>
                                        <a class="xuanfu-2" href="">[规则]关于产品服务器机柜...</a>
                                    </div>
                                </li>
                            </ul>
                            <hr>
                        </div>
                    </div>
                    <div class="con-right-bot">
                        <div class="con-right-bot-left">
                            <img src="images/iconquxian.png" alt="">
                        </div>
                        <div class="con-right-bot-right">
                            <p>今日新增产品数</p>
                            <h2>99999</h2>
                            <p>今日新增采购数</p>
                            <h2>888</h2>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 滚动下来第二页 -->
    <div class="item contenter">
        <!-- 标题 -->
        <div class="item-title clear">
            <h2> <span class="red">特色</span>
                服务
                <div class="line-thr"></div>
            </h2>
            <h2><span class="red">品牌</span>

                供应商<div class="line-thr"></div>
            </h2>
            <ul class="item-title-left clear">
                <li> <a href="">金汇金谱</a> </li>
                <li> <a href="">金谱装修</a> </li>
                <li> <a href=""> 短信套餐</a> </li>
                <li> <a href="">企汇软文通</a> </li>
                <li> <a href="">标王</a> </li>
                <li> <a href="">黄金展位</a> </li>
                <li> <a href="">企汇管家</a> </li>
                <li> <a href="">企汇管家白银版</a> </li>
                <li> <a href="">企汇管家黄金版</a> </li>
                <li> <a href="">小程序</a> </li>
            </ul>
            <ul class="item-title-right clear">
                <li> <a href="">河南正名精工科技有限公司</a> </li>
                <li> <a href="">郑州龙豪交通设施有限公司</a> </li>
                <li> <a href=""> 河南省嘉诚交通设施有限公司</a> </li>
                <li> <a href="">河南盛唐木业有限公司</a> </li>
                <li> <a href="">郑州市中原区海思智能门控销售</a> </li>
                <li> <a href="">郑州琪欣农牧业有限公司</a> </li>
            </ul>

        </div>
        <div class="item-bgimg">
            <img src="images/背景1.jpg" alt="">
        </div>

        <!-- 第一楼 -->
        <div class="wrap-1">

            <!-- 标题一行  -->
            <div class="title2 contenter clear">
                <div class="title2-left">
                    <i class=" layui-icon layui-icon-praise title2red"></i>
                    <span>今日活动:</span>
                    <Span class="title2red">VIP商机群</Span>
                </div>
                <div class="title2-mid">
                    <h1 class="title2red">1F</h1>
                    <h1>机械设备</h1>
                </div>
                <div class="title2-right">
                    <span>热门搜索 : </span>
                    <span>封口机械&nbsp;&nbsp;&nbsp;&nbsp;制动器&nbsp;&nbsp;&nbsp;&nbsp;吊钩</span>
                </div>
            </div>
            <!-- 内容  -->
            <div class="wrap-1-neirong contenter clear">
                <!-- 左边-->
                <div class="wrap-1-neirong-left">
                    <!-- 机械设备专场背景图　并在背景图上面添加文字信息 -->
                    <div class="wrap-1-neirong-left-img">
                        <img src="images/背景图一.jpg" alt="">

                        <div class="wrap-1-neirong-left-text">
                            <h1>机械设备专场</h1>
                            <p>制造好货 , 共享有品</p>
                            <p class="text-spe">点击进入</p>
                        </div>
                    </div>
                </div>
                <!-- 中间部分 第一部分 文字 -->
                <div class="wrap-1-neirong-mid-1">
                    <ul>
                        <li>
                            <h2 class="red">排风设备</h2>
                            <a href="">通风机</a>
                            <a href="">鼓风机</a>
                            <a href="">工业风扇</a>
                            <a href="">风机</a>
                            <a href="">排风设备配件</a>
                        </li>
                        <li>
                            <h2 class="red">排风设备</h2>
                            <a href="">通风机</a>
                            <a href="">鼓风机</a>
                            <a href="">工业风扇</a>
                            <a href="">风机</a>
                            <a href="">排风设备配件</a>

                        </li>
                        <li>
                            <h2 class="red">排风设备</h2>
                            <a href="">通风机</a>
                            <a href="">鼓风机</a>
                            <a href="">工业风扇</a>
                            <a href="">风机</a>
                            <a href="">排风设备配件</a>

                        <li>
                            <h2 class="red">排风设备</h2>
                            <a href="">通风机</a>
                            <a href="">鼓风机</a>
                            <a href="">工业风扇</a>
                            <a href="">风机</a>
                            <a href="">排风设备配件</a>

                        <li>
                            <h2 class="red">排风设备</h2>
                            <a href="">通风机</a>
                            <a href="">鼓风机</a>
                            <a href="">工业风扇</a>
                            <a href="">风机</a>
                            <a href="">排风设备配件</a>

                        <li>
                            <h2 class="red">排风设备</h2>
                            <a href="">通风机</a>
                            <a href="">鼓风机</a>
                            <a href="">工业风扇</a>
                            <a href="">风机</a>
                            <a href="">排风设备配件</a>

                        <li>
                            <h2 class="red">排风设备</h2>
                            <a href="">通风机</a>
                            <a href="">鼓风机</a>
                            <a href="">工业风扇</a>
                            <a href="">风机</a>
                            <a href="">排风设备配件</a>

                        <li>
                            <h2 class="red">排风设备</h2>
                            <a href="">通风机</a>
                            <a href="">鼓风机</a>
                            <a href="">工业风扇</a>
                            <a href="">风机</a>
                            <a href="">排风设备配件</a>
                    </ul>

                </div>
                <!-- 中间第二部分 三张图片 -->
                <div class="wrap-1-neirong-mid-2">
                    <div class="wrap-1-neirong-mid-2-top-1">
                        <img src="images/背景图二.jpg" alt="">
                        <div class="wrap-1-neirong-mid-2-top-1-text">
                            <h3>地面平整机</h3>
                            <p>整平机</p>
                        </div>

                    </div>
                    <div class="wrap-1-neirong-mid-2-top-2">
                        <img src="images/背景图三.jpg" alt="">
                        <div class="wrap-1-neirong-mid-2-top-2-text">
                            <h3>泡沫造粒机</h3>
                            <p>造粒机</p>
                        </div>
                    </div>
                    <div class="wrap-1-neirong-mid-2-bot">
                        <img src="images/背景图四.jpg" alt="">
                        <div class="wrap-1-neirong-mid-2-bot-text">
                            <h3>螺旋提升机</h3>
                            <p class="text-spe">提升机</p>
                        </div>
                    </div>
                </div>
                <!-- 右边  -->
                <div class="wrap-1-neirong-right">
                    <div class="wrap-1-neirong-right-top">
                        <div class="wrap-1-neirong-right-top-title">
                            <a class="red" href="">曲阜市都用输送机械厂</a>
                        </div>
                        <div class="wrap-1-neirong-right-top-1">
                            <span class="color-gray">经营范围</span>
                            <span>皮带输送机,斗式提升机,螺旋提升机</span>
                        </div>
                        <div class="wrap-1-neirong-right-top-2">
                            <span class="color-gray">联系电话</span>
                            <span>15515515545</span>
                        </div>
                        <ul>
                            <li class=" layui-icon layui-icon-loading"><a href="">郑州赛格机械设备 </a></li>
                            <li class=" layui-icon layui-icon-loading"><a href="">开封市大方预应力有限公司 </a></li>
                            <li class=" layui-icon layui-icon-loading"><a href=""> 南阳金冠过电压保护设备有限公司</a></li>
                            <li class=" layui-icon layui-icon-loading"><a href="">漯河市汇达铸造机械有限公司 </a></li>
                            <li class=" layui-icon layui-icon-loading"><a href="">郑州大华棉业机械设备厂</a> </li>
                            <li class=" layui-icon layui-icon-loading"><a href="">河南三联科技有限公司 </a></li>
                        </ul>

                    </div>
                    <div class="wrap-1-neirong-right-bot">
                        <div class="wrap-1-neirong-right-bot-img">
                            <a href=""><img src="images/背景五 .jpg" alt=""></a>
                        </div>
                        <div class="wrap-1-neirong-right-bot-img">
                            <a href=""><img src="images/背景六.jpg" alt=""></a>

                        </div>
                        <div class="wrap-1-neirong-right-bot-img">
                            <a href=""><img src="images/背景七.jpg" alt=""></a>

                        </div>
                        <div class="wrap-1-neirong-right-bot-img">
                            <a href=""> <img src="images/背景八.jpg" alt=""></a>

                        </div>
                    </div>

                </div>
            </div>

        </div>

        <!-- 底部三大块 -->
        <div class="wrap-info contenter clear">
            <div class="wrap-info-left clear">
                <!-- 顶部标题 -->
                <div class="wrap-info-left-title">
                    <h1 class="red">展会</h1>
                    <h1>信息</h1>
                    <a class="more2" href="">更多</a>
                </div>
                <!-- 底部轮播图 -->
                <div class="wrap-info-left-lunbo">
                    <div class="layui-carousel" id="test2">
                        <div carousel-item>
                            <div><img src="images/底部轮播1.jpg" alt=""></div>
                            <div><img src="images/底部轮播2.jpg" alt=""></div>
                            <div><img src="images/底部轮播3.jpg" alt=""></div>
                            <div><img src="images/底部轮播4.jpg" alt=""></div>
                        </div>
                    </div>
                </div>
                <div class="wrap-info-left-news">
                    <ul>
                        <li>
                            <a class="red" href="">[致富经]</a>
                            <a href="">2018上海第十三届海外置业投资移民留学</a>
                        </li>
                        <li>
                            <a class="red" href="">[致富经]</a>
                            <a href="">2018上海第十三届海外置业投资移民留学</a>
                        </li>
                        <li><a class="red" href="">[致富经]</a>
                            <a href="">2018上海第十三届海外置业投资移民留学</a>
                        </li>
                        <li><a class="red" href="">[致富经]</a>
                            <a href="">2018上海第十三届海外置业投资移民留学</a>
                        </li>
                        <li><a class="red" href="">[致富经]</a>
                            <a href="">2018上海第十三届海外置业投资移民留学</a>
                        </li>
                        <li><a class="red" href="">[致富经]</a>
                            <a href="">2018上海第十三届海外置业投资移民留学</a>
                        </li>
                    </ul>

                </div>


            </div>
            <div class="wrap-info-mid clear">
                <!-- 顶部标题 -->
                <div class="wrap-info-mid-title clear">
                    <h1 class="red">热点</h1>
                    <h1>资讯</h1>
                    <a class="more1" href="">更多</a>
                </div>


                <!-- 中间图文  -->
                <div class="wrap-info-mid-imgtext">
                    <div class="wrap-info-mid-img">
                        <img src="images/抖音.jpg" alt="">
                    </div>
                    <div class="wrap-info-mid-text clear">
                        <h3>抖音国际版TikTok收集儿童信息</h3><br>
                        <p>抖音国际版TikTok收集儿童信息 在美被罚570万美元应用,Bianews 2月28日消息，据TechCrunch报道，美国联邦贸易委员会（FTC）今天发布</p>
                    </div>

                </div>

                <div class="wrap-info-mid-news">
                    <ul>
                        <li>
                            <a class="red" href="">[致富经]</a>
                            <a href="">2018上海第十三届海外置业投资移民留学</a>
                        </li>
                        <li>
                            <a class="red" href="">[致富经]</a>
                            <a href="">2018上海第十三届海外置业投资移民留学</a>
                        </li>
                        <li><a class="red" href="">[致富经]</a>
                            <a href="">2018上海第十三届海外置业投资移民留学</a>
                        </li>
                        <li><a class="red" href="">[致富经]</a>
                            <a href="">2018上海第十三届海外置业投资移民留学</a>
                        </li>
                        <li><a class="red" href="">[致富经]</a>
                            <a href="">2018上海第十三届海外置业投资移民留学</a>
                        </li>
                        <li><a class="red" href="">[致富经]</a>
                            <a href="">2018上海第十三届海外置业投资移民留学</a>
                        </li>
                        <li><a class="red" href="">[致富经]</a>
                            <a href="">2018上海第十三届海外置业投资移民留学</a>
                        </li>
                    </ul>

                </div>


            </div>
            <div class="wrap-info-right">
                <!-- 顶部标题 -->
                <div class="wrap-info-right-title clear">
                    <h1 class="red">营销</h1>
                    <h1>指南</h1>
                    <a class="more" href="">更多</a>
                </div>

                <!-- 中间图文  -->
                <div class="wrap-info-right-imgtext">
                    <div class="wrap-info-right-img">
                        <img src="images/景区.jpg" alt="">
                    </div>
                    <div class="wrap-info-right-text clear">
                        <h3>景区对华为手机用户免票</h3><br>
                        <p>近日，河南沁阳神农山风景区出台新政策，从12月16日到年底,景区对华为手机用户免门票</p>
                    </div>

                </div>
                <hr>
                <div class="wrap-info-right-imgtext">
                    <div class="wrap-info-right-img">
                        <img src="images/景区.jpg" alt="">
                    </div>
                    <div class="wrap-info-right-text clear">
                        <h3>景区对华为手机用户免票</h3><br>
                        <p>近日，河南沁阳神农山风景区出台新政策，从12月16日到年底,景区对华为手机用户免门票</p>
                    </div>

                </div>
                <hr>
                <div class="wrap-info-right-imgtext">
                    <div class="wrap-info-right-img">
                        <img src="images/景区.jpg" alt="">
                    </div>
                    <div class="wrap-info-right-text clear">
                        <h3>景区对华为手机用户免票</h3><br>
                        <p>近日，河南沁阳神农山风景区出台新政策，从12月16日到年底,景区对华为手机用户免门票</p>
                    </div>

                </div>
                <hr>
                <div class="wrap-info-right-imgtext">
                    <div class="wrap-info-right-img">
                        <img src="images/景区.jpg" alt="">
                    </div>
                    <div class="wrap-info-right-text clear">
                        <h3>景区对华为手机用户免票</h3><br>
                        <p>近日，河南沁阳神农山风景区出台新政策，从12月16日到年底,景区对华为手机用户免门票</p>
                    </div>
                </div>
                <hr>


            </div>



        </div>

        <!-- 友情链接 -->
        <div class="YQLj-title  clear">
            <h2 class="red">友情</h2>
            <h2>链接</h2>
        </div>
        <div class="YQLj-A contenter">
            <a href="">家具建材网</a><a href="">家具建材网</a><a href="">家具建材网</a>
            <a href="">家具建材网</a><a href="">家具建材网</a><a href="">家具建材网</a>
            <a href="">家具建材网</a><a href="">家具建材网</a><a href="">家具建材网</a>
            <a href="">家具建材网</a><a href="">家具建材网</a><a href="">家具建材网</a>
            <a href="">家具建材网</a><a href="">家具建材网</a><a href="">家具建材网</a>
            <a href="">家具建材网</a><a href="">家具建材网</a><a href="">家具建材网</a>
            <a href="">家具建材网</a><a href="">家具建材网</a><a href="">家具建材网</a>
            <a href="">家具建材网</a><a href="">家具建材网</a><a href="">家具建材网</a>
            <a href="">家具建材网</a><a href="">家具建材网</a><a href="">家具建材网</a>
            <a href="">家具建材网</a><a href="">家具建材网</a><a href="">家具建材网</a>
            <a href="">家具建材网</a><a href="">家具建材网</a><a href="">家具建材网</a>
            <a href="">家具建材网</a><a href="">家具建材网</a><a href="">家具建材网</a>
            <a href="">家具建材网</a><a href="">家具建材网</a><a href="">家具建材网</a>
            <a href="">家具建材网</a><a href="">家具建材网</a><a href="">家具建材网</a>
        </div>
    </div>

    <!-- 底部黑色背景 -->
    <div class="Black-Bg ">
        <div class="Black-Bg-neirong contenter">
            <div class="Black-Bg-neirong-top">
                <div class="Black-Bg-neirong-top-left">
                    <div class="Black-Bg-neirong-top-left-img">
                        <img src="images/footerLogo.png" alt="">
                    </div>
                    <b class="layui-icon layui-icon-cellphone">400-6677-369</b><br><br>
                    <span>
                        周一至周五 9:00 -- 18:00
                    </span>
                </div>

                <div class="Black-Bg-neirong-top-mid">
                    <div class="Black-Bg-neirong-top-mid-1">
                        <h4>新手指南</h4>
                        <ul>
                            <li> <a href="">免费注册</a> </li>
                            <li> <a href="">采购商入门</a> </li>
                            <li> <a href="">供应商入门</a> </li>
                            <li> <a href="">找回密码</a> </li>
                            <li> <a href="">帮助中心</a> </li>
                        </ul>

                    </div>
                    <div class="Black-Bg-neirong-top-mid-1">
                        <h4>企汇网服务</h4>
                        <ul>
                            <li> <a href="">免费注册</a> </li>
                            <li> <a href="">采购商入门</a> </li>
                            <li> <a href="">供应商入门</a> </li>
                            <li> <a href="">找回密码</a> </li>
                            <li> <a href="">帮助中心</a> </li>
                        </ul>

                    </div>
                    <div class="Black-Bg-neirong-top-mid-1">
                        <h4>关于我们</h4>
                        <ul>
                            <li> <a href="">免费注册</a> </li>
                            <li> <a href="">采购商入门</a> </li>
                            <li> <a href="">供应商入门</a> </li>
                            <li> <a href="">找回密码</a> </li>
                            <li> <a href="">帮助中心</a> </li>
                        </ul>

                    </div>

                </div>

                <div class="Black-Bg-neirong-top-right">

                    <h4>移动企汇网</h4>
                    <span>手机企汇网:m.qihuiwang.com</span>
                    <img src="images/oneCode.jpg" alt="">
                    <img src="images/twoCode.jpg" alt="">
                    <span>企汇网手机站</span><span>企汇网微信</span>




                </div>



            </div>
            <div class="Black-Bg-neirong-bot">
                <div class="Black-Bg-neirong-bot-A">
                    <span>按字母分类 : </span>　
                    <a href="">A</a> <span class="XG">|</span>
                    <a href="">B</a> <span class="XG">|</span>
                    <a href="">C</a> <span class="XG">|</span>
                    <a href="">D</a> <span class="XG">|</span>
                    <a href="">E</a> <span class="XG">|</span>
                    <a href="">F</a> <span class="XG">|</span>
                    <a href="">G</a> <span class="XG">|</span>
                    <a href="">H</a> <span class="XG">|</span>
                    <a href="">I</a> <span class="XG">|</span>
                    <a href="">J</a> <span class="XG">|</span>
                    <a href="">K</a> <span class="XG">|</span>
                    <a href="">L</a> <span class="XG">|</span>
                    <a href="">M</a> <span class="XG">|</span>
                    <a href="">N</a> <span class="XG">|</span>
                    <a href="">O</a> <span class="XG">|</span>
                    <a href="">P</a> <span class="XG">|</span>
                    <a href="">Q</a> <span class="XG">|</span>
                    <a href="">R</a> <span class="XG">|</span>
                    <a href="">S</a> <span class="XG">|</span>
                    <a href="">T</a> <span class="XG">|</span>
                    <a href="">U</a> <span class="XG">|</span>
                    <a href="">V</a> <span class="XG">|</span>
                    <a href="">W</a> <span class="XG">|</span>
                    <a href="">X</a> <span class="XG">|</span>
                    <a href="">Y</a> <span class="XG">|</span>
                    <a href="">Z</a> <span class="XG">|</span>
                    <a href="">0-9</a> <span class="XG"></span>

                </div>
                <div class="Black-Bg-neirong-bot-T">
                    <a href="">网站首页</a><span class="XG">|</span>
                    <a href="">网站首页</a><span class="XG">|</span>
                    <a href="">网站首页</a><span class="XG">|</span>
                    <a href="">网站首页</a><span class="XG">|</span>
                    <a href="">网站首页</a><span class="XG">|</span>
                    <a href="">网站首页</a><span class="XG">|</span>
                    <a href="">网站首页</a><span class="XG">|</span>
                    <a href="">网站首页</a><span class="XG">|</span>
                    <a href="">网站首页</a><span class="XG">|</span>
                    <a href="">用户反馈</a><span class="XG">|</span>
                    <a href="">在线客服:</a><span class="XG layui-icon layui-icon-login-qq"></span>
                    <a href="">关注我们:</a><span class="XG layui-icon layui-icon-login-weibo"></span><br>
                    <span>Copyright 2008-2018 河南企汇网信息技术股份有限公司 保留所有权利 经营许可证编号：豫B2-20140075豫公网安备 41019702002055号
                    </span>
                    <div class="Bot-Img"></div>
                    <img class="Bot-Img-1" src="images/电子执照.png" alt="">


                </div>

            </div>




        </div>
    </div>

    <!-- 左侧边导航栏 -->
    <div class="nav-ce">
        <div class="nav-ce-1">快捷导航</div>
        <div class="nav-ce-1">机械设备</div>
        <div class="nav-ce-1">农林副业</div>
        <div class="nav-ce-1">建筑建材</div>
        <div class="nav-ce-1">汽车工业</div>
        <div class="nav-ce-1">电工电器</div>
    </div>

    <!-- 右侧边导航栏 -->
    <div class="nav-right">
        <div class="nav-right-1 layui-icon layui-icon-username "></div>
        <div class="nav-right-1 layui-icon layui-icon-service"></div>
        <div class="nav-right-1 layui-icon layui-icon-form"></div>
        <div class="nav-right-1 layui-icon layui-icon-cellphone"></div>
    </div>
    
    <!-- 右下角 回顶部 -->
    <div class="nav-back layui-icon layui-icon-up">
        <a href="http://www.qihuiwang.com/"><p>TOP</p></a>
             
            
    </div>








    <!-- 引入js文件 一般放在body最后放在body后面是等body载入完后，依次往下执行，避bai免，先载入了js，
    找不到body里面的dom对象而du造成js出错，所以一般要用window.onload来判断页面是否载入完成。 -->
    <script src="layui/layui.all.js"></script>
    <script>
        //注意：导航 依赖 element 模块，否则无法进行功能性操作
        layui.use('element', function () {
            var element = layui.element;
            //…
        });
    </script>
    <script>
        layui.use('carousel', function () {
            var carousel = layui.carousel;
            //建造实例
            carousel.render({
                elem: '#test1',
                // 设置轮播图大小
                height: "300px",
                width: '720px', //设置容器宽度  
                // arrow: 'always' //始终显示箭头
                //,anim: 'updown' //切换动画方式
            });
        });
    </script>
    <script>
        layui.use('carousel', function () {
            var carousel = layui.carousel;
            //建造实例
            carousel.render({
                elem: '#test2',
                // 设置轮播图大小
                height: "170px",
                width: '344px', //设置容器宽度  
                // arrow: 'always' //始终显示箭头
                //,anim: 'updown' //切换动画方式
            });
        });
    </script>
</body>


</html>